<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>确认订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/mycss/myOrder.css">
    <link rel="stylesheet" href="../../fonts/iconfont.css">
</head>
<body style="background-color: rgb(236,239,243);max-width: 414px;margin: auto;">

<header id="header" class="mui-bar mui-bar-nav" style="max-width: 414px;margin: auto;background-color:rgb(0,145,219);">
    <a style="color: white; " class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="mui-title" style="color: white;text-align: left;margin-left: 20px">我的订单</div>
</header>

<div class="mui-content">
    <!--物流-->
    <div class="menu-list" style="width: 100%;overflow: hidden;color:white">
        <ul class="menu-list-ul">
            <li class="active">
                <p>全部</p>
            </li>
            <li>
                <p>待付款</p>
            </li>
            <li>
                <p>已付款</p>
            </li>
            <li>
                <p>待发货</p>
            </li>
            <li>
                <p>待评价</p>
            </li>
        </ul>
    </div>
<!--开始-->
    <div class="goods" style="width: 100%;padding: 0px 20px 0px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="mui-row"  style="height:40px;padding: 0px 5px 0px 5px;margin-top: 10px;" style="color: white;border-bottom: 1px #F8F8FF solid">
            <div class="mui-col-xs-6" style="color: black">
                <p style="font-weight: bold;font-size: 14px;line-height: 14px;">超急店小普专营<a class="mui-icon mui-icon-arrowright" style="color: #C0C0C0;font-size: 20px;"></a></p>
            </div>
            <div class="mui-col-xs-6" style="color: black;line-height: 10px;">
                <p style="font-weight: bold;text-align: right;color: rgb(245,0,89);">卖家已发货</p>
                <p style="text-align: right;font-size: 12px;">订单号:1522151212151</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: left;">
                <p style="font-size: 12px; ">2017-08-09 12:00</p>
            </div>
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px; ">共2件商品 合计：¥1122.00(含运费:¥0.00)</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF;padding-bottom: 10px;">
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <button style="width:90px;height: 30px;color: #8f8f94">查看物流</button>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <button style="width:90px;height: 30px;color:  rgb(245,0,89);border:1px solid rgb(245,0,89);">确认收货</button>
            </div>

        </div>

    </div>
<!--结束-->
    <!--开始-->
    <div class="goods" style="width: 100%;padding: 0px 20px 0px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="mui-row"  style="height:40px;padding: 0px 5px 0px 5px;margin-top: 10px;" style="color: white;border-bottom: 1px #F8F8FF solid">
            <div class="mui-col-xs-6" style="color: black">
                <p style="font-weight: bold;font-size: 14px;line-height: 14px;">超急店小普专营<a class="mui-icon mui-icon-arrowright" style="color: #C0C0C0;font-size: 20px;"></a></p>
            </div>
            <div class="mui-col-xs-6" style="color: black;line-height: 10px;">
                <p style="font-weight: bold;text-align: right;color: rgb(245,0,89);">待发货</p>
                <p style="text-align: right;font-size: 12px;">订单号:1522151212151</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: left;">
                <p style="font-size: 12px; ">2017-08-09 12:00</p>
            </div>
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px; ">共2件商品 合计：¥1122.00(含运费:¥0.00)</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF;padding-bottom: 10px;">
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">

            </div>
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <button style="width:90px;height: 30px;color: #8f8f94">查看物流</button>
            </div>
        </div>

    </div>
<!--结束-->
    <!--开始-->
    <div class="goods" style="width: 100%;padding: 0px 20px 0px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="mui-row"  style="height:40px;padding: 0px 5px 0px 5px;margin-top: 10px;" style="color: white;border-bottom: 1px #F8F8FF solid">
            <div class="mui-col-xs-6" style="color: black">
                <p style="font-weight: bold;font-size: 14px;line-height: 14px;">超急店小普专营<a class="mui-icon mui-icon-arrowright" style="color: #C0C0C0;font-size: 20px;"></a></p>
            </div>
            <div class="mui-col-xs-6" style="color: black;line-height: 10px;">
                <p style="font-weight: bold;text-align: right;color: rgb(245,0,89);">待付款</p>
                <p style="text-align: right;font-size: 12px;">订单号:1522151212151</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: left;">
                <p style="font-size: 12px; ">2017-08-09 12:00</p>
            </div>
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px; ">共2件商品 合计：¥1122.00(含运费:¥0.00)</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF;padding-bottom: 10px;">
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">

            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <button style="width:90px;height: 30px;color:  rgb(245,0,89);border:1px solid rgb(245,0,89);">去付款</button>
            </div>

        </div>

    </div>
    <!--结束-->

    <!--开始-->
    <div class="goods" style="width: 100%;padding: 0px 20px 0px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="mui-row"  style="height:40px;padding: 0px 5px 0px 5px;margin-top: 10px;" style="color: white;border-bottom: 1px #F8F8FF solid">
            <div class="mui-col-xs-6" style="color: black">
                <p style="font-weight: bold;font-size: 14px;line-height: 14px;">超急店小普专营<a class="mui-icon mui-icon-arrowright" style="color: #C0C0C0;font-size: 20px;"></a></p>
            </div>
            <div class="mui-col-xs-6" style="color: black;line-height: 10px;">
                <p style="font-weight: bold;text-align: right;color: rgb(245,0,89);">交易完成</p>
                <p style="text-align: right;font-size: 12px;">订单号:1522151212151</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: left;">
                <p style="font-size: 12px; ">2017-08-09 12:00</p>
            </div>
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px; ">共2件商品 合计：¥1122.00(含运费:¥0.00)</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF;padding-bottom: 10px;">
            <div class="order-article  mui-col-xs-8"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <button style="width:90px;height: 30px;color: #8f8f94">删除订单</button>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <button style="width:90px;height: 30px;color:  rgb(245,0,89);border:1px solid rgb(245,0,89);">追加评论</button>
            </div>

        </div>

    </div>
    <!--结束-->
</div>



<script src="../../js/mui.js"></script>
<script src="../../js/myjs/orderDetail.js"></script>
<script src="../../js/myjs/url.js"></script>
</body>

</html>